<template>
   <div>
    <div style="display: flex;">
    <el-input v-model="citys" placeholder="请输入内容" style="width:200px;margin-right: 10px;"></el-input>
    <el-button type="primary" text @click="search">
      查询
    </el-button>
    <el-button type="danger" text @click="cz">
      重置
    </el-button>
  </div>
  <!-- Form增加 -->
  <el-dialog v-model="dialogFormVisible" title="">
    <el-form :model="form">
      <el-form-item label="快递单号" :label-width="formLabelWidth">
        <el-input v-model="form.kddh" autocomplete="off" />
      </el-form-item>


    </el-form>
    <template #footer>
      <span class="dialog-footer">
        <el-button @click="dialogFormVisible = false">取消</el-button>
        <el-button type="primary" @click="postData">
          确定
        </el-button>
      </span>
    </template>
  </el-dialog>


  <el-table :data="tableData" style="width: 100%">
    <el-table-column fixed prop="id" label="id" width="120" align="center" />
    <el-table-column fixed prop="citys" label="试驾门店" width="320" align="center" />
    <el-table-column fixed prop="cartype" label="试驾车型" width="220" align="center" />
    <el-table-column fixed prop="sjtime" label="试驾时间" width="130" align="center" />
    <el-table-column fixed prop="numbers" label="手机号" width="150" align="center" />
    <el-table-column fixed prop="wenda" label="造型设计/配色方案" width="150" align="center">
      <template #default="scope">
        {{ scope.row.wenda[0] }}
      </template>
    </el-table-column>
    <el-table-column fixed prop="wenda" label="产品性能/操控体验" width="150" align="center">
      <template #default="scope">
        {{ scope.row.wenda[1] }}
      </template>
    </el-table-column>
    <el-table-column fixed prop="wenda" label="年龄区间" width="150" align="center">
      <template #default="scope">
        {{ scope.row.wenda[2] }}
      </template>
    </el-table-column>
    <el-table-column fixed prop="wenda" label="渠道来源" width="150" align="center">
      <template #default="scope">
        {{ scope.row.wenda[3] }}
      </template>
    </el-table-column>
    <el-table-column fixed prop="wenda" label="购车需求" width="150" align="center">
      <template #default="scope">
        {{ scope.row.wenda[4] }}
      </template>
    </el-table-column>
    <el-table-column fixed prop="wenda" label="试驾服务" width="150" align="center">
      <template #default="scope">
        {{ scope.row.wenda[5] }}
      </template>
    </el-table-column>
    <el-table-column fixed prop="wenda" label="订购意向" width="150" align="center">
      <template #default="scope">
        {{ scope.row.wenda[6] }}
      </template>
    </el-table-column>
    <el-table-column fixed prop="feedback" label="建议" width="350" align="center" />
    <!-- <el-table-column fixed="right" label="操作" align="center">
      <template #default="scope">
        <el-button link type="primary" @click="eid(scope.row.id)">修改</el-button>
      </template>
    </el-table-column> -->
  </el-table>
   </div>
</template>
<script>
import UploadFile from 'element-plus'
import {
  ElMessageBox,
  ElMessage
} from 'element-plus'
export default {
  components: {
    [UploadFile.name]: UploadFile
  },
  data() {
    return {
      HttpImg: "http://gyycadmincss.hansn.cn",
      tableData: [],
      form: [],
      form1: [],
      dialogFormVisible: false,
      dialogFormVisible1: false,
      formLabelWidth: '120px',
      imageUrl: "",
      options: [{
        value: '0',
        label: '未发布'
      }, {
        value: '1',
        label: '活动中'
      }],
      value: '',
      id: '',
      title: '',
      citys: ''
    }
  },
  mounted() {
    this.getData()
  },
  methods: {
    search() {
      this.getData()
    },
    cz() {
      this.citys = "";
      this.getData()
    },
    add() {
      this.form.name = "";
      this.form.kjtime = "";
      this.form.cjzt = "";
      this.form.images = "";
      this.form.img = "";
      this.form.title = "";
      this.form.num = "";
      this.dialogFormVisible = true;
      this.id = ""
    },
    del(id) {
      ElMessageBox.confirm(
        '是否确定删除?',
        '', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
      }
      )
        .then(() => {
          this.$http.post("/index.php/index/goodses/cjdel", {
            id: id
          }).then(res => {
            if (res.code == 200) {
              this.getData()
              ElMessage({
                message: '删除成功',
                type: 'success',
              })
            }
          })
        })
        .catch(() => {

        })


    },
    eid(id) {
      this.dialogFormVisible = true;
      this.id = id;
      this.$http.post("/index.php/index/goodses/zjrxq", {
        id: id
      }).then(res => {
        if (res.code == 200) {
          this.form = res.data[0]
          // this.form.kjtime = this.getLocalTime(res.data[0].kjtime)
          // if (res.data[0].cjzt == '0') {
          // 	this.value = "未发布"
          // } else if (res.data[0].cjzt == '1') {
          // 	this.value = "活动中"
          // } else {
          // 	this.value = "已结束"
          // }
        }
      })
    },
    // updateData() {
    // 	let data1 = {
    // 		id: this.form1.id,
    // 		name: this.form1.name,
    // 		cjzt: this.form1.cjzt,
    // 		kjtime:this.getTimeFormat(this.form1.kjtime),
    // 		images: this.form1.images,
    // 		twlink: this.form1.twlink,
    // 	}
    // 	console.log(data1)
    // 	this.$http.post("/index.php/index/goodses/cjupdate", data1).then(res => {
    // 		if (res.code == 200) {
    // 			this.dialogFormVisible1 = false;
    // 			this.getData()
    // 		 }
    // 	 })
    // },
    getData() {
      this.tableData = []
      this.$http.post("/index.php/index/goodses/sjflist", { citys: this.citys }).then(res => {
        this.tableData = res.data;
      })
    },
    postData() {
      // this.form.cjzt = this.value;
      let data = {
        kddh: this.form.kddh,

        id: this.id
      }
      this.$http.post(this.id ? "/index.php/index/goodses/zjrupdate" : "/index.php/index/goodses/cjadd", data).then(res => {
        if (res.code == 200) {
          this.dialogFormVisible = false;
          this.id = ""
          ElMessage({
            message: this.id ? '编辑成功' : '新增成功',
            type: 'success',
          })
          this.getData()
        }
      })
    },
    getTimeFormat(zcTime) {
      let time = (new Date(zcTime).getTime()) / 1000; //除1000 是变成秒级的时间戳 不除就是毫秒级
      return time;
    },
    disabledDateFun(time) {
      return time.getTime() < Date.now() - 8.64e7;
    },
    formatEmployment(type) {
      // 根据源数据经过处理 把处理之后的数据返回
      // 定义一个映射结构
      const map = {
        0: '未发布',
        1: '活动中',
        2: '已结束',
      }
      return map[type]
    },
    getLocalTime(nS) {
      return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/, ' ');
    }
  }
}
</script>
<style scoped>
.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.avatar-uploader .el-upload:hover {
  border-color: #409EFF;
}

.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
}

.avatar {
  width: 178px;
  height: 178px;
  display: block;

}
</style>
